<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>720详情页面</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="./styles/common.css">
    <link rel="stylesheet" href="./styles/index.css?v=1.01">
    <link rel="stylesheet" href="./styles/animate.min.css">

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js?v=1"></script>

</head>
<body>

    <!--<div class="blank40"></div>-->
    <div class="header ">
        <div class="h-content">
            <div class="logo">
                <!--<img src="./images/logo.png" alt="">-->
            </div>

            <div class="nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li class="nav-product">
                        <a href="#">产品系列</a>
                        <span class="trangle"></span>
                    </li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">配件</a></li>
                    <li><a href="#">新闻资讯</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">APP下载</a></li>
                    <li class="tmall"><a href="#">天猫</a></li>
                </ul>

            </div>
            <div class="child-nav">
                <ul>
                    <li>
                        <span class="title"></span>
                        <img src='./images/nav_pro_1.png' class="product-img" />
                        <span class="type">760T套装系列</span>
                    </li>
                    <li>
                        <span class="title">KKC基础牙刷</span>
                        <img src='./images/nav_pro_2.png' class="product-img" />
                        <span class="type">660系列</span>
                    </li>
                    <li>
                        <span class="title"></span>
                        <img src='./images/nav_pro_3.png' class="product-img" />
                        <span class="type">720系列</span>
                    </li>
                    <li>
                        <span class="title">smart系列</span>
                        <img src='./images/nav_pro_4.png' class="product-img" />
                        <span class="type">591系列</span>
                    </li>
                    <li>
                        <span class="title">KKC KIDS</span>
                        <img src='./images/nav_pro_5.png' class="product-img" />
                        <span class="type">F11H海尔兄弟定制款</span>
                    </li>
                </ul>
            </div>
            <script>
                var nav_handle= null;

                function nav_product_show(){

                    clearTimeout( nav_handle );
                    $('.header').addClass('product-show');

                }

                function nav_product_hide(){

                    clearTimeout( nav_handle );
                    nav_handle = setTimeout(function(){
                        $('.header').removeClass('product-show');
                    },200);

                }

                $('.child-nav,.nav-product').hover(function(){
                    nav_product_show();
                },function(){
                    nav_product_hide();
                });
            </script>
        </div>

    </div>


    <div class="kkc-content home-layer detail-f11h_01">
        <img src="./images/f11h/F11H_01.png" alt="" >
        <div class="text_all txt-white">
            <div class="txt_1 wow fadeInUp">KKC X 海尔兄弟联名电动牙刷</div>
            <div class="txt_2 txt-title wow fadeInUp">
                <span>
                让陪伴我们童年的他们来陪伴你
                </span>

            </div>
            <div class="txt_3 wow fadeInUp">
                <a class=" more-button wow fadeInUp">Q萌造型</a>
                <a class=" more-button wow fadeInUp">双色可选</a>

            </div>
        </div>
    </div>

    <div class="kkc-content home-layer detail-f11h_02">
        <img src="./images/f11h/F11H_02.png" alt="" >
        <div class="text_all txt-gray">
            <div class="txt_1 wow fadeInUp">孩子的刷牙习惯是这么养成的</div>
            <div class="txt_2 txt-title wow fadeInUp">
                KKC特有的监督奖励系统
            </div>
            <div class="txt_3 wow fadeInUp">
                宝贝完整坚持每次刷牙两分钟，给予拇指点赞奖励<br>
                坚持刷牙6天可以赢取蓝色月亮；坚持刷牙13天即可赢取蓝色太阳<br>
                搭配刷牙习惯养成手绘手册，提高小孩刷牙积极性，分分钟变身绘画小能手<br>
                LED五彩开关，给宝贝一个blingbling的刷牙体验，让宝贝爱上刷牙<br>
            </div>
        </div>
    </div>

    <div class="kkc-content home-layer detail-f11h_03">
        <img src="./images/f11h/F11H_03.png" alt="" >
        <div class="text_all txt-white">
            <div class="txt_1 txt-title wow fadeInUp">
                专利抗菌刷丝<br>
                给孩子打造一个安全无菌的刷牙环境
            </div>
            <div class="txt_2 wow fadeInUp">
                0.12mm 超细柔软专利抗菌刷丝
            </div>
            <div class="txt_3 wow fadeInUp">
                顶端磨圆处理<br>
                德国BASF抗菌刷丝，4种以上国际专利<br>
                消灭口腔内99%以上的细菌，贴心呵护孩子娇嫩口腔
            </div>
        </div>
    </div>

    <div class="kkc-content home-layer detail-f11h_04">
        <img src="./images/f11h/F11H_04.png" alt="" >
        <div class="text_all txt-gray">
            <div class="txt_1 txt-title wow fadeInUp">
                刷牙可以很轻松
            </div>
            <div class="txt_2 wow fadeInUp">
                早晚分时护理 父母的小帮手
            </div>
            <div class="txt_3 wow fadeInUp">
                独有智能模式推荐技术，根据不同刷牙时间，智能推荐早晨、夜晚、护龈模式，
                24小时贴心护理，家长省心省力
            </div>
            <div class="txt_4 wow fadeInUp">
                2分钟智能计时，30秒换区提醒，2.5秒防止牙膏震落缓震设计，
                解放父母双手，再也不用帮小孩刷牙了
            </div>
            <div class="txt_5 wow fadeInUp">
                18000-24000次/分钟震动频率；开机、关机、模式切换一键搞定

            </div>
        </div>
    </div>

    <div class="kkc-content home-layer detail-f11h_05">
        <img src="./images/f11h/F11H_05.png" alt="" >
        <div class="text_all txt-white">
            <div class="txt_1 txt-title wow fadeInUp">
                刷牙可以保证安全
            </div>
            <div class="txt_2 wow fadeInUp">
                水下一米 浸泡30分钟
            </div>
            <div class="txt_3 wow fadeInUp">
                IPX7级防水设计，<br>
                可承受半小时水中浸泡，宝宝有正当里理由玩水啦
            </div>
            <div class="txt_4 wow fadeInUp">
                智能无线感应充电，<br>
                防过充、防过放等智能电源管理，杜绝触电风险


            </div>
        </div>
    </div>

    <div class="kkc-content home-layer detail-f11h_06">
        <img src="./images/f11h/F11H_06.png" alt="" >
        <div class="text_a txt-gray">
            <div class="txt_1 txt-title wow fadeInUp">
                产品参数
            </div>

        </div>
        <div class="text_b txt-gray">
            <div class="txt_2 wow fadeInUp">
                震动频率：18000次/分钟<br>
                档位：清洁/轻柔/护龈档位<br>
                待机时间：约100min<br>
                充电方式：智能感应充电<br>
                防水设计：IPX7级防水<br>
                标准配置：主机，充电器，刷头*2，说明书，保修卡，合格证，画本<br>
                制造商：海尔信息科技（深圳）有限公司

            </div>
        </div>
    </div>


    <div class="footer">
        <div class="qrcode">

            <div class="title">关注我们</div>

            <div class="weibo">
                <img src="./images/weibo.png" alt="" class="weibo">
                <span class="name">官方微博</span>
            </div>

            <div class="wechat">
                <img src="./images/wechat.png" alt="" class="wechat">
                <span class="name">官方微信</span>
            </div>

        </div>

        <div class="copyright">

            <div class="language">
                <span class="Chinese">中文</span>
                <span>|</span>
                <span class="English">English</span>
            </div>
            <div class="company">©2019 海尔信息科技（深圳）有限公司  版权所有 鲁ICP备16076508号-1 </div>
        </div>
    </div>


    <script>

        //动画
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: true,
            live: true
        });
        wow.init();

    </script>
</body>
</html>